<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于我</title>
    <link rel="stylesheet" href="../css/init.css">
    <link rel="stylesheet" href="../css/my.css">
</head>

<body>
    <div class="box">
        <!-- 背景图片 -->
        <div class="bgc_img">
            <video src="../img/bg.mp4" autoplay muted loop></video>
        </div>
        <!-- 主体部分 -->
        <div class="container">
            <main>
                <div class="left">
                    <div class="head"><img src="../img/grtx.jfif" alt=""></div>
                    <ul class="list">
                        <li>
                            <i class="bi bi-alarm"></i> 资料
                        </li>
                        <li>技能</li>
                        <li>评价</li>
                    </ul>
                </div>
                <div class="right">
                    <div class="information ">
                        <h4>个人资料</h4>
                        <table>
                            <tr>
                                <td>姓名:</td>
                                <td>青木川川川</td>
                                <td>出生日期:</td>
                                <td>2002-05-09</td>
                            </tr>
                            <tr>
                                <td>姓别:</td>
                                <td>男</td>
                                <td>学校:</td>
                                <td>武汉外语外事职业学院</td>
                            </tr>
                            <tr>
                                <td>年龄:</td>
                                <td>21</td>
                                <td>专业:</td>
                                <td>.NET</td>
                            </tr>
                            <tr>
                                <td>学历:</td>
                                <td>专科</td>
                                <td>绩点:</td>
                                <td>0</td>
                            </tr>
                            <tr>
                                <td>QQ:</td>
                                <td>169494764</td>
                                <td>邮箱:</td>
                                <td>169494764@qq.com</td>
                            </tr>
                        </table>
                    </div>
                    <div class="skill ">
                        <h4>掌握的技能</h4>
                        <ul class="skills">
                            <li>
                                <div class="skillname">HTML5 </div>
                                <div class="skilldes">熟悉html5网站的架构和开发</div>
                            </li>
                            <li>
                               
                                <div class="skillname">CSS3 </div>
                                <div class="skilldes">熟悉使用css3写响应式网站、动画等</div>
                            </li>
                            <li>
                                
                                <div class="skillname">JavaScript </div>
                                <div class="skilldes">熟悉ES6语法，能够使用JS制作简单的程序、交互与后端的获取</div>
                            </li>
                            <li>
                               
                                <div class="skillname">Vue </div>
                                <div class="skilldes">会使用VUE脚手架搭建简单的前端项目</div>
                            </li>
                            <li>
                                
                                <div class="skillname">Nodejs </div>
                                <div class="skilldes">熟悉nodejs的开发流程，会使用express框架搭建服务器</div>
                            </li>
                            <li>
                              
                                <div class="skillname">MySQL </div>
                                <div class="skilldes">可以使用squelize框架对数据库进行增删改查操作</div>
                            </li>
                        </ul>
                    </div>
                    <div class="evaluate">
                        <h4>自我评价</h4>
                        <ul>
                            <li>具有良好语言表达能力及沟通协调能力</li>
                            <li>喜欢做一些具有挑战性的事情</li>
                            <li>帅就一个字，却跟了我一辈子</li>
                        </ul>
                    </div>
                </div>
            </main>
        </div>
         <!-- 顶部导航栏 -->
        <nav>
            <div class="nav">
                <ul class="ul">
                    <li><a href="../index.html"><span>首页</span></a></li>
                    <li><a href="./class.html"><span>分类</span></a></li>
                    <li><a href="./message.html"><span>留言</span></a></li>
                    <li id="hide"><a href="./release.html"><span>发布</span></a></li>
                    <li class="initial"><a href="#"><span>关于我</span></a></li>
                </ul>
                <ol class="ol">
                    <li class="li">
                        <a href="../html/login.html">登录</a>
                    </li>
                    <li class="li">
                        <a href="../html/register.html">注册</a>
                    </li>
                </ol>
            </div>
        </nav>
        <!-- l2d -->
        <div id="content" class="mw-body" role="main"></div>
    </div>
    <!-- 底部版权 -->
    <div class="copyright">©青木川川川川</div>

    <!-- JavaScript -->
    <script src="../js/jquery.min.js"></script>
    <script src="../js/my.js"></script>
    <script src="../js/init.js"></script>
    <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
    <script src="../js/live2D.js"></script>
</body>

</html>